﻿<%@ Page Title="" Language="C#" MasterPageFile="~/HomePage.Master" AutoEventWireup="true" CodeBehind="~/Defaullt.aspx.cs" Inherits="ABCComputer.WebForm1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<!--san pham hot-->
<div class="title_content">Sản phẩm hot</div>
	<div class="border_content">
	<!-- slide -->

	<div class="slider-wrapper theme-default">
		<div class="ribbon"></div>
		<div id="slider" class="nivoSlider" style="height: 160px; position: relative; background-image: url(); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: no-repeat no-repeat; ">
              		<a href="#" target="_blank" title="1328952034_BNG-GIAMGIA.jpg" class="nivo-imageLink" style="display: none; "><img src="home/images/1328952034_BNG-GIAMGIA.jpg" alt="" style="display: none; "></a>
      	      		<a href="#" target="_blank" title="1328924933_BNG-2540p.jpg" class="nivo-imageLink" style="display: none; "><img src="home/images/1328924933_BNG-2540p.jpg" alt="" style="display: none; "></a>
      	      		<a href="#" target="_blank" title="1327713944_BNG-XPS15.jpg" class="nivo-imageLink" style="display: none; "><img src="home/images/1327713944_BNG-XPS15.jpg" alt="" style="display: none; "></a>
      	      		
      			<div class="nivo-caption" style="display: none; opacity: 0.8; "><p></p></div><div class="nivo-directionNav" style="display: none; "><a class="nivo-prevNav">Prev</a><a class="nivo-nextNav">Next</a></div><div class="nivo-controlNav"><a class="nivo-control" rel="0">1</a><a class="nivo-control" rel="1">2</a><a class="nivo-control" rel="2">3</a></div><div class="nivo-caption" style="display: none; opacity: 0.8; "><p></p></div><div class="nivo-directionNav" style="display: none; "><a class="nivo-prevNav">Prev</a><a class="nivo-nextNav">Next</a></div><div class="nivo-controlNav"><a class="nivo-control" rel="0">1</a><a class="nivo-control" rel="1">2</a><a class="nivo-control active" rel="2">3</a><a class="nivo-control" rel="3">4</a><a class="nivo-control" rel="4">5</a><a class="nivo-control" rel="5">6</a><a class="nivo-control" rel="6">7</a></div><div class="nivo-slice" style="left: 0px; width: 36px; height: 0px; opacity: 0; background-image: url(file:///D:/TaiLieu/HK3-KHTN/PhanTichThietKePhanMem/Do%20An/Template/undefined); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; top: 0px; background-position: 0px 0%; background-repeat: no-repeat no-repeat; "></div><div class="nivo-slice" style="left: 36px; width: 36px; height: 0px; opacity: 0; background-image: url(file:///D:/TaiLieu/HK3-KHTN/PhanTichThietKePhanMem/Do%20An/Template/undefined); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; bottom: 0px; background-position: -36px 0%; background-repeat: no-repeat no-repeat; "></div><div class="nivo-slice" style="left: 72px; width: 36px; height: 0px; opacity: 0; background-image: url(file:///D:/TaiLieu/HK3-KHTN/PhanTichThietKePhanMem/Do%20An/Template/undefined); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; top: 0px; background-position: -72px 0%; background-repeat: no-repeat no-repeat; "></div><div class="nivo-slice" style="left: 108px; width: 36px; height: 0px; opacity: 0; background-image: url(file:///D:/TaiLieu/HK3-KHTN/PhanTichThietKePhanMem/Do%20An/Template/undefined); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; bottom: 0px; background-position: -108px 0%; background-repeat: no-repeat no-repeat; "></div><div class="nivo-slice" style="left: 144px; width: 36px; height: 0px; opacity: 0; background-image: url(file:///D:/TaiLieu/HK3-KHTN/PhanTichThietKePhanMem/Do%20An/Template/undefined); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; top: 0px; background-position: -144px 0%; background-repeat: no-repeat no-repeat; "></div><div class="nivo-slice" style="left: 180px; width: 36px; height: 0px; opacity: 0; background-image: url(file:///D:/TaiLieu/HK3-KHTN/PhanTichThietKePhanMem/Do%20An/Template/undefined); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; bottom: 0px; background-position: -180px 0%; background-repeat: no-repeat no-repeat; "></div><div class="nivo-slice" style="left: 216px; width: 36px; height: 0px; opacity: 0; background-image: url(file:///D:/TaiLieu/HK3-KHTN/PhanTichThietKePhanMem/Do%20An/Template/undefined); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; top: 0px; background-position: -216px 0%; background-repeat: no-repeat no-repeat; "></div><div class="nivo-slice" style="left: 252px; width: 36px; height: 0px; opacity: 0; background-image: url(file:///D:/TaiLieu/HK3-KHTN/PhanTichThietKePhanMem/Do%20An/Template/undefined); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; bottom: 0px; background-position: -252px 0%; background-repeat: no-repeat no-repeat; "></div><div class="nivo-slice" style="left: 288px; width: 36px; height: 0px; opacity: 0; background-image: url(file:///D:/TaiLieu/HK3-KHTN/PhanTichThietKePhanMem/Do%20An/Template/undefined); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; top: 0px; background-position: -288px 0%; background-repeat: no-repeat no-repeat; "></div><div class="nivo-slice" style="left: 324px; width: 36px; height: 0px; opacity: 0; background-image: url(file:///D:/TaiLieu/HK3-KHTN/PhanTichThietKePhanMem/Do%20An/Template/undefined); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; bottom: 0px; background-position: -324px 0%; background-repeat: no-repeat no-repeat; "></div><div class="nivo-slice" style="left: 360px; width: 36px; height: 0px; opacity: 0; background-image: url(file:///D:/TaiLieu/HK3-KHTN/PhanTichThietKePhanMem/Do%20An/Template/undefined); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; top: 0px; background-position: -360px 0%; background-repeat: no-repeat no-repeat; "></div><div class="nivo-slice" style="left: 396px; width: 36px; height: 0px; opacity: 0; background-image: url(file:///D:/TaiLieu/HK3-KHTN/PhanTichThietKePhanMem/Do%20An/Template/undefined); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; bottom: 0px; background-position: -396px 0%; background-repeat: no-repeat no-repeat; "></div><div class="nivo-slice" style="left: 432px; width: 36px; height: 0px; opacity: 0; background-image: url(file:///D:/TaiLieu/HK3-KHTN/PhanTichThietKePhanMem/Do%20An/Template/undefined); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; top: 0px; background-position: -432px 0%; background-repeat: no-repeat no-repeat; "></div><div class="nivo-slice" style="left: 468px; width: 36px; height: 0px; opacity: 0; background-image: url(file:///D:/TaiLieu/HK3-KHTN/PhanTichThietKePhanMem/Do%20An/Template/undefined); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; bottom: 0px; background-position: -468px 0%; background-repeat: no-repeat no-repeat; "></div><div class="nivo-slice" style="left: 504px; width: 42px; height: 0px; opacity: 0; background-image: url(file:///D:/TaiLieu/HK3-KHTN/PhanTichThietKePhanMem/Do%20An/Template/undefined); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; top: 0px; background-position: -504px 0%; background-repeat: no-repeat no-repeat; "></div></div></div>
    <script type="text/javascript" src="home/js/jquery.nivo.slider.pack.js"></script>
    <script type="text/javascript">
        $(window).load(function () {
            $('#slider').nivoSlider();
        });
    </script>

<!-- end slide -->

        <asp:DataList ID="DTLSanPhamHot" runat="server" BackColor="White" 
                    BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="4" 
                    ForeColor="Black" GridLines="Both" RepeatColumns="3">
            <FooterStyle BackColor="#FFFFCC" ForeColor="#330099" />
            <HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="#FFFFCC" />
            <ItemStyle BackColor="White" ForeColor="#330099" />
            <ItemTemplate>
                <table align="center" style="border-width: 0px; width: 100%; height: 100%;">
                    <tr>
                        <td>
                            <a data-tooltip="sticky10" href="#" 
                                title="ASUS Zenbook UX31E-RY009V - Sắc đẹp giết người">
                                <asp:Image ID="imgHinhSP" runat="server" height="110" 
                                ImageUrl="" width="165"/>
                            </a></td>
                    </tr>
                    <tr>
                        <td align="center">
                            <asp:Label ID="lblTenSanPham" runat="server" Font-Bold="True" Font-Size="10pt" 
                                ForeColor="Black"><%#Eval("tensanpham") %></asp:Label>
                            <br />
                            <br />
                        </td>
                    </tr>
                    <tr>
                        <td align="center">
                            <asp:Label ID="lblGia" runat="server" Font-Bold="True" ForeColor="#CC3300"><%#Eval("giaban", "{0:0,0 vnđ}")%></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <a href="ChiTietSanPham.aspx?masp=<%#Eval("masanpham") %>" title="ASUS Zenbook UX31E-RY009V - Sắc đẹp giết người">
                            <img ID="imgChiTiet0" height="21" src="home/images/chitiet.jpg" width="64"></img></a>
                            <a href="GioHang.aspx?action=dathang&masp=<%#Eval("masanpham") %>"><img ID="imgDatHang0" height="21" src="Home/images/dathang.jpg" 
                                width="99"></img></a></td>
                    </tr>
                </table>
            </ItemTemplate>
            <SelectedItemStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="#663399" />
        </asp:DataList>

        <div class="clear"></div>
	</div>
  

	
<!-- san pham moi -->
<div class="title_content">Sản phẩm mới</div>
	<div class="border_content">

        <asp:DataList ID="DTLSanPhamMoi" runat="server" BackColor="White" 
                    BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="4" 
                    ForeColor="Black" GridLines="Both" RepeatColumns="3">
            <FooterStyle BackColor="#FFFFCC" ForeColor="#330099" />
            <HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="#FFFFCC" />
            <ItemStyle BackColor="White" ForeColor="#330099" />
            <ItemTemplate>
                <table align="center" style="border-width: 0px; width: 100%; height: 100%;">
                    <tr>
                        <td>
                            <a data-tooltip="sticky10" href="#" 
                                title="ASUS Zenbook UX31E-RY009V - Sắc đẹp giết người">
                            <img ID="imgHinhSP0" alt="Laptop doanh nhan" height="110" 
                                src="home/images/laptop/UX31E_1328497681.jpg" width="165"></img></a></td>
                    </tr>
                    <tr>
                        <td align="center">
                            <asp:Label ID="lblTenSanPham" runat="server" Font-Bold="True" Font-Size="10pt" 
                                ForeColor="Black"></asp:Label>
                            <br />
                            <br />
                        </td>
                    </tr>
                    <tr>
                        <td align="center">
                            <asp:Label ID="lblGia" runat="server" Font-Bold="True" ForeColor="#CC3300"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <a href="#" title="ASUS Zenbook UX31E-RY009V - Sắc đẹp giết người">
                            <img ID="imgChiTiet0" height="21" src="home/images/chitiet.jpg" width="64"></img></a><a 
                                href="#"><img ID="imgDatHang0" height="21" src="Home/images/dathang.jpg" 
                                width="99"></img></a></td>
                    </tr>
                </table>
            </ItemTemplate>
            <SelectedItemStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="#663399" />
        </asp:DataList>
 
        <div class="clear"></div>
	</div>
	
	
	<!-- san pham khuyen mai -->
	
	<div class="title_content">Sản phẩm khuyến mãi </div>

    <div class="border_content">

        <asp:DataList ID="DTLSanPhamKhuyenMai" runat="server" BackColor="White" 
                    BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="4" 
                    ForeColor="Black" GridLines="Both" RepeatColumns="3">
            <FooterStyle BackColor="#FFFFCC" ForeColor="#330099" />
            <HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="#FFFFCC" />
            <ItemStyle BackColor="White" ForeColor="#330099" />
            <ItemTemplate>
                <table align="center" style="border-width: 0px; width: 100%; height: 100%;">
                    <tr>
                        <td>
                            <a data-tooltip="sticky10" href="#" 
                                title="ASUS Zenbook UX31E-RY009V - Sắc đẹp giết người">
                            <img ID="imgHinhSP0" alt="Laptop doanh nhan" height="110" 
                                src="home/images/laptop/UX31E_1328497681.jpg" width="165"></img></a></td>
                    </tr>
                    <tr>
                        <td align="center">
                            <asp:Label ID="lblTenSanPham" runat="server" Font-Bold="True" Font-Size="10pt" 
                                ForeColor="Black"></asp:Label>
                            <br />
                            <br />
                        </td>
                    </tr>
                    <tr>
                        <td align="center">
                            <asp:Label ID="lblGia" runat="server" Font-Bold="True" ForeColor="#CC3300"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <a href="#" title="ASUS Zenbook UX31E-RY009V - Sắc đẹp giết người">
                            <img ID="imgChiTiet0" height="21" src="home/images/chitiet.jpg" width="64"></img></a><a 
                                href="#"><img ID="imgDatHang0" height="21" src="Home/images/dathang.jpg" 
                                width="99"></img></a></td>
                    </tr>
                </table>
            </ItemTemplate>
            <SelectedItemStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="#663399" />
        </asp:DataList>

    </div>
 
</asp:Content>
